<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>一组带进度动画的HTML5 SVG柱形统计图DEMO演示</title>

<!--演示页面样式，使用时可以不引用-->
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css">

<!--核心样式-->
<link rel="stylesheet" href="css/an-skill-bar.css">
<link rel="stylesheet" href="css/main.css">

</head>
<body>

<div class="container">
  <div id="skill">
	<div class="skillbar html">
	  <div class="filled" data-width="90%"></div>
	  <span class="title">HTML</span>
	  <span class="percent">90%</span>
	</div>

	<div class="skillbar css">
	  <span class="title"></i> CSS</span>
	  <span class="percent">75%</span>
	  <div class="filled" data-width="75%"></div>
	</div>

	<div class="skillbar js">
	  <span class="title">JS</span>
	  <span class="percent">50%</span>
	  <div class="filled" data-width="50%"></div>
	</div>

	<div class="skillbar php">
	  <span class="title">php</span>
	  <span class="percent">40%</span>
	  <div class="filled" data-width="40%"></div>
	</div>

	<div class="skillbar sass">
	  <span class="title"></i> sass</span>
	  <span class="percent">40%</span>
	  <div class="filled" data-width="40%"></div>
	</div>

	<div class="skillbar indesign">
	  <span class="title"></i> sass</span>
	  <span class="percent">40%</span>
	  <div class="filled" data-width="400%"></div>
	</div>

	<div class="skillbar">
	  <span class="title"></i> less</span>
	  <span class="percent">40%</span>
	  <div class="filled" data-width="400%"></div>
	</div>
  </div>
</div>
	
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/an-skill-bar.js"></script>
<script src="js/main.js"></script>

<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>

</body>
</html>